@import '../../ui/base'
@import './config'

.root
  list-style none

.root
	position relative
	padding 20px 26px
	background-color $feed-background-color
	margin 30px 0
	.content 
		width 393px
		display flex
		justify-content space-between
		align-items flex-end
		margin-bottom 16px
		.zan
			margin-right -55px
	.handle
		position absolute
		top 35px
		right 15px
	.profile
	.tweet
		font-size 14px
		margin-top 17px
		
	.feedUps
		display flex
		justify-content space-between
		margin-bottom 25px
		align-items flex-start
		.zan
			margin-top 7px
		ul
			clear fix
			.feedUpUserIndicator
				background-color rgb(248, 248, 248)
				i
					border 1px solid $font-light-color
					color $font-light-color
					width 26px
					height 26px
					font-size 16px
					border-radius 3px
			li
				float left
				& + li
					margin-left 10px
				&:nth-child(n+12)
					margin-top 10px
				&:nth-child(11n+1)
					margin-left 0
				a
					display block
					width 26px
					height 26px
					background-size cover
					background-position center
	.image
		margin-top 16px
	.comments
		margin-bottom 16px
		li
			position relative
			clear fix
			> div
				float left
			> p
				float left
				margin-left 10px
				color rgb(153, 153, 153)
				font-size 12px
				word-break break-all
				max-width 294px
			&+li
				margin-top 9px


.emoji
	height 16px
	display inline-block
	vertical-align sub
	img
		width 16px
.kudo-bar
	flex 1
.reply
	font-size 12px
	margin-left 10px
